<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <div class="panel-lead"><em>多表格（Multitable）</em>用于展示在一个页面展示多个表格数据,并且每次切换时刷新</div>
        <ul class="nav nav-tabs">
            <li class="active"><a href="#first" data-toggle="tab">成品组成库存</a></li>
            <li><a href="#second" data-toggle="tab">半成品库存详情</a></li>
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="first">
                <div id="toolbar1" class="toolbar">
                    {:build_heading()}
                    <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                    <a href="javascript:;" data-area='["70%","70%"]' class="btn btn-success btn-add {:$auth->check('order/order/add')?'':'hide'}" title="{:__('要货')}" ><i class="fa fa-plus"></i> {:__('要货')}</a>
                    <!--<a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('store/storage/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
                    <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('store/storage/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>
                    <a href="javascript:;" class="btn btn-danger btn-import {:$auth->check('store/storage/import')?'':'hide'}" title="{:__('Import')}" id="btn-import-file" data-url="ajax/upload" data-mimetype="csv,xls,xlsx" data-multiple="false"><i class="fa fa-upload"></i> {:__('Import')}</a>
                    <div class="dropdown btn-group {:$auth->check('store/storage/multi')?'':'hide'}">
                        <a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
                        <ul class="dropdown-menu text-left" role="menu">
                            <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=normal"><i class="fa fa-eye"></i> {:__('Set to normal')}</a></li>
                            <li><a class="btn btn-link btn-multi btn-disabled disabled" href="javascript:;" data-params="status=hidden"><i class="fa fa-eye-slash"></i> {:__('Set to hidden')}</a></li>
                        </ul>
                    </div>-->
                </div>
                <table id="table1" class="table table-striped table-bordered table-hover table-nowrap"
                       data-operate-edit="{:$auth->check('store/storage/edit')}"
                       data-operate-del="{:$auth->check('store/storage/del')}"
                       width="100%">
                </table>
            </div>
            <div class="tab-pane fade" id="second">
                <div id="toolbar2" class="toolbar">
                    {:build_toolbar('refresh')}
                </div>
                <table id="table2" class="table table-striped table-bordered table-hover table-nowrap"
                       data-operate-edit="{:$auth->check('store/storage/edit')}"
                       data-operate-del="{:$auth->check('store/storage/del')}"
                       width="100%">
                </table>
            </div>
        </div>
    </div>
</div>
<script>
  var groupId = '{$groupId}';
</script>
